<!DOCTYPE html>
<html>
    <head>
        <title>home site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href='css/bootstrap.css' rel='stylesheet' type='text/css'>
        <!--<link href='css/slider.css' rel='stylesheet' type='text/css'>-->
        <link href='fonts/style.css' rel='stylesheet' type='text/css'>
        <link href='style.css' rel='stylesheet' type='text/css'>
        <!--[if IE 9 ]> <link href='css/ie9.css' rel='stylesheet' type='text/css'> <![endif]-->
        <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/custom.js"></script>
        <!--<script type="text/javascript" language="javascript" src="js/jquery-slider.js"></script>-->

    </head>
    <body>
        <div class="w100p wrapper rsmp">
            <div class="wrapperheader w100p rsmp relative">
                <div class="mc w970 h75 relative">
                    <a href="#" class="absolute logo"><img src="images/prd/0.png"/></a>
                    <ul class="topmenu utility fr">
                        <li class="wtb"><a href="#">Where to Buy&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="wtb"><a href="#">View cart&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="flag"><a href="#">Where to Buy</a></li>
                    </ul>
                    <div class="clr"></div>
                    <ul class="topmenu mainmenu fl">
                        <li><a href="#">Our Mission</a><span></span></li>
                        <li><a href="#">Our Practices</a><span></span></li>
                        <li>
                            <a href="#">Our Foods</a><span></span>
                            <ul class="sub-menu">
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Recipes</a><span></span></li>
                        <li><a href="#">Giving Back</a><span></span></li>
                    </ul>
                    <div class="fr search">
                        <input type="text" placeholder="Search"/>
                        <input type="submit" value="searrch"/>
                    </div>
                    <div class="absolute topbreadcrumb z50">
                        <div class="breadcrumbs-plus">
                            <a href="http://www.annies.com/" rel="home" class="breadcrumbs-begin">Home</a><span class="breadcrumbs-separator">/</span>
                            <a href="http://www.annies.com/our-practices/" title="Our Practices">Our Practices</a> <span class="breadcrumbs-separator">/</span> Real Ingredients</div>
                    </div>
                </div>
            </div>
            <div class="clr"></div>

            <div class="topbanner contactus jh175">
                <div class="w970 mc">
                    <h1>Contact us</h1>
                    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu felis aculis ipsum tempus semper id at turpis.</div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrappermain w100p rsmp">
                <div class="topmain"></div>
                <div class="clr"></div>
                <div class="contentmain">
                    <div class="w970 mc contactus relative">
                        <img class="absolute" src="images/prd/8.png">
                        <div class="rowc">
                            <p>What would you like to contact us about?</p>
                            <select class="topic">
                                <option>Select a topic</option>
                            </select>
                        </div>
                        <div class="rowc">
                            <p>Please enter the following</p>
                            <span class="name fl">name</span>
                            <input type="text" class="fl" placeholder=""/>
                            <div class="clr"></div>
                            <span class="email fl">email</span>
                            <input type="text" class="fl" placeholder="10 miles"/>
                            <div class="clr"></div>
                        </div>
                        <div class="rowc">
                            <p>Select a product</p>
                            <span class="name fl">Category</span>
                            <select class="category">
                                <option>Select a topic</option>
                            </select>
                            <div class="clr"></div>
                            <span class="email fl">Product</span>
                            <select class="topic">
                                <option>Select a product</option>
                            </select>
                            <div class="clr"></div>
                            <span class="message">Your message</span>
                            <textarea></textarea>
                        </div>
                        <input type="submit" />
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrapperfooter w100p rsmp">
                <div class="mc w970 top">
                    <div class="cols col1"></div>
                    <div class="cols col2"></div>
                    <div class="cols col3"></div>
                </div>
                <div class="clr"></div>
                <div class="mc w970 copyrights">
                    <div class="inner">
                        <div class="copy-text">Copyright 2013 Annie's Homegrown, Inc. </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
